export default {
    template: `
    <h1>产品详情</h1>
    `,
    beforeRouteEnter(to, from, next) {
        console.log("组件导航守卫  进入到产品详情的路由");
        console.log(this); // => undefined 现在还不可以访问到 实例
        next();
    },
    // 路由更新的时候
    // product/123 => product/456
    beforeRouteUpdate(to, from, next) {
        console.log("组件导航守卫  路由更新的时候");
        console.log(this); // => 产品详情组件
        next();
    },
    // 路由离开的时候
    beforeRouteLeave(to, from, next) {
        console.log("组件导航守卫离开 /product 路由");
        console.log("现在的路由", from);
        console.log("前往的路由", to);
        console.log(this);
        next();
    }
}